$(function(){
    // $('.dropdown-toggle').dropdown();
    // console.log('123');
    // $().dropdown('toggle')
    // $('#myDropdown').on('show.bs.dropdown', function () {
    //     // do something…
    //     console.log('456');
        
    //   })
    // 发送ajax完成店名列表
    getShop();
    function getShop(){
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshop",
            // data: "data",
            dataType: "json",
            success: function (res) {
                console.log(res);
                var html=template("shopTemp",{data:res.result})
                // console.log(html);
                $('.shop > .dropdown-menu').html(html);
            }
        });
    }
    // 获得区域
    getArea()
    function getArea(){
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsshoparea",
            // data: "data",
            dataType: "json",
            success: function (res) {
                console.log(res);
                var html=template("areaTemp",{data:res.result})
                // console.log(html);
                $('.area > .dropdown-menu').html(html);
            }
        });
    }
    // 根据区域和店铺获得商品
    getProduct();
    function getProduct(shopid,areaid){
        var shopId=shopid || 0;
        var areaId=areaid || 0;
        $.ajax({
            type: "get",
            url: "http://193.112.55.79:9090/api/getgsproduct?shopid="+shopId+"&areaid="+areaId,
            // data: {
            //     shopid :0,
            //     areaid : 0
            // },
            dataType: "json",
            success: function (res) {
                console.log(res);
                var html=template("productTemp",{data:res.result})
                // console.log(html);
                $('.productInfo > .row').html(html);
            }
        });
    }
    // 根据选项变换顶部筛选栏的内容
    $('.selectTitle-left > .shop').on('hidden.bs.dropdown', function () {
        $('.btn-shop > .glyphicon').removeClass('glyphicon-triangle-top').addClass('glyphicon-triangle-bottom');
        
      })
    //   标签栏被点击时，切换图标
    function iconChange(){
        $('.shop >.btn').on('click', function () {
            $('.btn-shop > .glyphicon').removeClass('glyphicon-triangle-bottom').addClass('glyphicon-triangle-top');
          })
          $('.selectTitle-left > .area').on('hidden.bs.dropdown', function () {
            $('.btn-area > .glyphicon').removeClass('glyphicon-triangle-top').addClass('glyphicon-triangle-bottom');
            
          })
        //   标签栏被点击时，切换图标
          $('.area >.btn').on('click', function () {
            $('.btn-area > .glyphicon').removeClass('glyphicon-triangle-bottom').addClass('glyphicon-triangle-top');
          })
    }
    iconChange();
    //   注册店铺选中事件
    // var shop =document.querySelector('.shop > .dropdown-menu')
    $('.shop > .dropdown-menu').on('click',"a",function(){
        // 更改active对象
        var lisCount=$(this).parent().parent().children().length;
        console.log(lisCount);
        
        for(var i=0;i<lisCount;i++){
            $(this).parent().parent().children().eq(i).removeClass("active");
        }
        $(this).parent().addClass('active');
        // 获得选中的商店ID号
        var shopId=$(this).parent().data('shopid');
        $(this).parent().parent().parent().children().eq(0).data("shopid",shopId);
        // 改变标签
        $('.btn-shop > .glyphicon').removeClass('glyphicon-triangle-bottom').addClass('glyphicon-triangle-top');
        // 获得选中的区域号
        var areaId=$('.area > .btn-area').data("areaid");
        // console.log($(this).parent().parent().parent().children().eq(0).data("shopid"));
        // console.log(shopId+":"+areaId);
        // 重新渲染页面
        getProduct(shopId,areaId);
        var txt=this.innerText;
        $(this).parent().parent().parent().children().children().eq(0).text(txt);
    })
    // 区域选中事件
    $('.area > .dropdown-menu').on('click',"a",function(){
        // 根据选中改变active对象
        var lisCount=$(this).parent().parent().children().length;
        console.log(lisCount);
        
        for(var i=0;i<lisCount;i++){
            $(this).parent().parent().children().eq(i).removeClass("active");
        }
        $(this).parent().addClass('active');
        // 获得选中的区域ID号
        var areaId=$(this).parent().data('areaid');
        $(this).parent().parent().parent().children().eq(0).data("areaid",areaId);
        var shopId=$('.shop > .btn-shop').data("shopid");
        getProduct(shopId,areaId);
        // var 
        
        var txt=this.innerText;
        var arr=txt.split("（");
        var newTxt=arr[0];
        
        $(this).parent().parent().parent().children().children().eq(0).text(newTxt);
    })
})